@import '@/styles/Color.scss';
@import '@/styles/basics.scss';

#layoutXidw {
  .layout-base {

    .layout-top {
      height: $height-header;
      width: 100%;
      padding: 0;
      background: $menu-top;
    }

    .layout-main {
    }

    .layout-aside {
      width: auto !important;
    }

    .right-main{
      width: 100%;
    }

    .layout-nav {
      margin-left: 0;
      height: $height-history;
    }

    .layout-history {
      height: $height-history;
      width: auto;
      display: flex;
    }
    .box-main{
      margin-top: 0px;
      padding: 0px;
    }
    .box-routerView {
      padding: 5px;
      background-color: $router-view-color-bg;

      .el-table__body tr.current-row>td {
        background: #f57878 !important;
      }
      .div_span{
        top:-8px;
        left:8px;
        display:block;
        position:relative;
        background: $router-view-color-bg;
        width:85px;
        font-size: 16px;
        padding-left: 5px;
      }
    .el-table--border {
        border-radius: 4px;
        margin-bottom: 4px;
      }
      .el-table {
        thead {
          color: $color-table-thead;
        }
        th {
          padding: 3px 0 !important;
          border: 1px solid #e8eff1;
          background-color: #82b7cb !important;
          .cell {
            color: rgba($color: #000000, $alpha: 0.85);
            font-size: 14px;
            line-height: 40px;
            min-height: 40px;
          }
        }
        td {
          padding: 0px 0 !important;
          border: 1px solid #e8eff1;
          .cell {
            min-height: 40px;
            line-height: 40px;
            color: rgba($color: #000000, $alpha: 0.65);
          }
        }
        td.is-leaf {
          border-bottom: 1px solid #e8e8e8;
        }
        th.is-leaf {
          background: #F7FBFF;
          border-bottom: none;
        }
      }
      .el-pagination {
        padding: 20px 0 0 0;
      }
      .upload-demo,
      .upload {
        padding: 0;
      }
      .edit_container,
      .edit {
        padding: 0;
      }
      .el-input {
        .el-input__suffix {
          margin-top: -3px;
        }
        &.is-disabled {
          .el-input__suffix {
            margin-top: 0px;
          }
        }
      }
      .el-cascader {
        .el-input {
          .el-input__suffix {
            margin-top: 0px;
          }
        }
      }
      .el-input__inner {
        border-color: rgba($color: #000000, $alpha: 0.15);
        height: 32px;
        border-radius: 2px;
      }
    }


  }
}
